.wrap {
    background-color: #f5f5f5;
    height: 100vh;
}

.content {
    padding-top: 0.2rem;
}

.smt-card-area {
    margin-top: 25.36rpx;
    background-color: #fff;
}

.card-panel {
    margin-top: 72.46rpx;
}

.card-panel:first-child {
    margin-top: 0;
}

.card-area {
    display: flex;
    margin: 90.58rpx 0 0;
    padding: 28.382rpx 30.797rpx;
    border: none;
    border-radius: 0;
    transition: background-color 200ms linear;
    align-items: center;
    justify-content: space-between;
}

.comp-wrap {
    background-color: #fff;
    margin-top: 25.362rpx;
    padding: 27.174rpx 0;
}

.arrow-icon {
    width: 50rpx;
    height: 50rpx;
}

.date {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #DADADA;
    padding: 10rpx 0;
    font-size: 26rpx;
}

.all-time {
    padding: 10rpx 0;
    font-size: 28rpx;
    background-color: #F9F9F9;
}

.content-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 15rpx;
    border-bottom: 2rpx solid #F3F3F3;
}

.back-icon {
    width: 20rpx;
    height: 35rpx;
    margin-left: 25rpx;
}

.time {
    margin-top: 20rpx;
    font-size: 22rpx;
    color: #949494;
}